﻿.tabs
{
    position: relative;
    min-height: 200px;
    clear: both;
    margin: 10px 4px 0 0;
    font-size: 8pt;
}

.tabs nav
{
    text-align: left;
    background-color: #004582;
}

    .tabs nav ul
    {
        position: relative;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: flex;
        width: 60%;
        padding: 0;
        list-style: none;
        -ms-box-orient: horizontal;
        -ms-box-pack: center;
        -webkit-flex-flow: row wrap;
        -moz-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
    }

        .tabs nav ul li
        {
            position: relative;
            z-index: 1;
            display: block;
            margin: 0;
            text-align: center;
            -webkit-flex: 1;
            -moz-flex: 1;
            -ms-flex: 1;
            flex: 1;
            background-color: white;
        }

.tabs nav a
{
    position: relative;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 2.5;
}

.tabs nav a span
{
    vertical-align: middle;
}

.content-wrap
{
    position: relative;
}

    .content-wrap section
    {
        display: none;
        margin: 0 auto;
        padding: 1em;
        max-width: 1200px;
        text-align: left;
    }

        .content-wrap section.content-current
        {
            display: block;
        }
